<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<title>Weigh too Much Info</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%= javascript_include_tag 'jquery-1.5.1.min.js' %>
<%= javascript_include_tag "jquery.tipsy.js" %>

<style>
html{
	background: url(images/right_wing.jpg) repeat-x top center fixed;
}

.style1 {
	background-image: url('images/headline.jpg');
	font-size: large;
}
.style2 {
	background-image: url('images/calculator.jpg');
        font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	 font-weight:bold;
	color: #b9cbd6;
	text-shadow: 0px 1px 0px #204269;
}

.headline1 {
	 font: 25px Tahoma, Helvetica, Arial, Sans-Serif;
	 font-weight:bold;
	color: #b9cbd6;
	text-shadow: 0px 1px 0px #204269;
}

.intro {
	 font: 19px Tahoma, Helvetica, Arial, Sans-Serif;
	 font-weight:bold;
	color: #f7c349;
	text-shadow: 0px 1px 0px #204269;
}

.headtitlecontent {
	 font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	 font-weight:lighter;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #204269;

}

.footer {
	 font: 13px Tahoma, Helvetica, Arial, Sans-Serif;
	 text-align:center;
	 font-weight:lighter;
	color: #6e666e;


}

#notice {
      font-weight: bold;
      color: red;
}

/* Tipsy */
.tipsy { padding: 5px; font: 12px Tahoma, Helvetica, Arial, Sans-Serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://localhost:3000/images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

</style>
</head>
<body bgcolor="#FFFFFF" style="background-image: url('images/right_wing.jpg'); margin-top: 0;">
<table id="Table_01" width="1201" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td rowspan="4">
			
                       
                   <%= image_tag "left_wing.jpg", :size => "25x551" %>
                </td>
		<td colspan="2">
			
                        <%= image_tag "logo.jpg", :size => "729x150" %>
                </td>
		<td rowspan="3">
			
                        <%= image_tag "divider.jpg", :size => "9x420" %>
                </td>
		<td rowspan="3" style="width: 425px; height: 420px" class="style2">
<%= yield %>
</td>
		<td rowspan="4">
		
                        <%= image_tag "right_wing.jpg", :size => "13x551" %>
                </td>
	</tr>
	<tr>
		<td rowspan="2">
			
                        <%= image_tag "left-wing-06.jpg", :size => "1x270" %>
                
                </td>
		<td style="width: 728px; height: 141px" class="style1" valign="top">
			<strong><span class="headline1">Discover how your weight compares in the United States!</span>&nbsp;<br />
			<span class="headtitlecontent"><br />
                          <strong><span class="intro">Enter </span></strong>your own gender, race, age, weight, height, and activity level.<br>
                          <strong><span class="intro">Compare</span></strong> yourself with the population of the U.S. by selecting a statistical year from the drop-down menu.<br>
                          <strong><span class="intro">Calculate</span></strong> the results!<br>
                        </span></strong></td>
	</tr>
	<tr>
		<td>
			
                        <%= image_tag "symbols.jpg", :size => "728x129" %>
                </td>
	</tr>
	<tr>
		<td colspan="4" style="width: 1163px; height: 131px" class="footer">
			<%= link_to 'Weigh too Much Info', main_path %> | <%= link_to 'About us', about_path %> | <%= link_to 'Contact us', contact_path %><br />
                        Copyright © 2011. Weigh Too Much Info - Carnegie Mellon University. All rights reserved.<br>
<a href="http://www.cmu.edu"><%= image_tag "CMU_Logo.jpg", :size => "151x26" %></a><br>
                    <!-- hitwebcounter Code START -->
<a href="http://www.hitwebcounter.com/" target="_blank">
<img src="http://hitwebcounter.com/counter/counter.php?page=346596&style=0007&nbdigits=6&type=ip&initCount=0" title="Track Stats" Alt="Track Stats"   border="0" >
</a>
<br>
<!-- hitwebcounter.com --><a href="http://www.hitwebcounter.com/internetcountercontact.php" title="Free Counter" 
target="_blank" style="font-family: Arial, Geneva , Helvetica, sans-serif; 
font-size: 12px; color: #848387; text-decoration: underline ;">
</a>
                </td>
	</tr>
</table>

</body>
</html>